<template>
    <div id="en">
        <div class="progress">
            <!-- 内层盒子 - 进度（蓝色） -->
            <div class="inner" :style="{ width: percent + '%' }">
                <span>{{ percent }}%</span>
            </div>
        </div>
        <button @click="percent = 25">设置25%</button>
        <button @click="percent = 50">设置50%</button>
        <button @click="percent = 75">设置75%</button>
        <button @click="percent = 100">设置100%</button>

    </div>
</template>

<script>
    export default {
        name: "6-v进度条",
        data() {
            return {
                percent: 30
            }
        },
        methods: {

        }
    }
</script>

<style scoped>

</style>